<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>堆糖</title>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <link rel="shortcut icon " type="images/x-icon" href="img/favicon.ico">
<!--    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">-->
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/style.css"> 
    
</head>

<body>
    <header class="mb-4">
        <div class="container">
            <nav class="clearfix">
                <div class="logo fl">
                    <a href=""> </a>
                </div>
                <div class="box fl"> 
                    <a href="">分类<i class="fa fa-angle-up"></i></a>
                    <div class="fen">
                        <div class="img">
                            <a href="">热门推荐<i></i></a>
                            <a href="">良品购<i></i></a>
                        </div>
                        <div class="li-nav">
                            <a href="">家居生活</a>
                            <a href="">美食菜谱</a>
                            <a href="">手工DIY</a>
                            <a href="">时尚搭配</a>
                            <a href="">美妆造型</a>
                            <a href="">婚纱婚礼</a>
                            <a href="">文字句子</a>
                            <a href="">插画绘画</a>
                            <a href="">影印书籍</a>
                            <a href="">人物明星</a>
                            <a href="">植物多肉</a>
                            <a href="">生活百科</a>
                            <a href="">搞笑萌宠</a>
                            <a href="">人文设计</a>
                            <a href="">设计</a>
                            <a href="">古风</a>
                            <a href="">壁纸</a>
                            <a href="">旅行</a>
                            <a href="">头像</a>
                            <a href="">摄影</a>
                        </div>
                    </div>
                </div>
                <div class="input fl">
                    <input type="text" placeholder="搜索感兴趣的内容">
                    <button></button>
                </div>
                <div class="user fr clearfix"> <a href="" class="fl ss">堆糖生活家</a> <a href="" class="fl">登陆/注册</a> </div>
            </nav>
        </div>
    </header>
    <div class="content">
        <div class="container">
            <div class="banner w-100"> <img src="img/banner.jpeg" alt="" class="w-100"> </div>
            <div class="exam clearfix">
                <div class="left fl">
                    <ul class="lunbbo">
                        <li>
                            <a href=""><img src="img/lun.jpeg" alt="" class="h-100"></a>
                        </li>
                    </ul>
                </div>
                <div class="right fl">
                    <div class="text">
                        <h3>社区热点</h3>
                        <div class="biao">
                            <div class="l">小怪兽</div>
                            <div class="l">我只喜欢你</div>
                            <div class="l">可爱</div>
                            <div class="l">桃子</div>
                            <div class="l">线描</div>
                            <div class="l">儿童节</div>
                            <div class="l">木村光希</div>
                            <div class="l">毕业</div>
                        </div>
                        <div class="pol"> <a href=""><span class="jj">精选</span><span class="ii">招募·少女感养成…</span></a> <a href=""><span class="jj cc">工具</span><span class="ii">堆糖收图小助手</span></a> </div>
                        <div class="col clearfix">
                            <div class="col1 fl"> <img src="img/shouji.png" alt=""> </div>
                            <div class="col2 fl">
                                <h4>堆糖 - 美好生活研究所</h4>
                                <p>最佳生活类应用</p> <a href="">立即下载</a> </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="warp mt-4">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-lg-2">
                    <ul>
                        <li><a href="" class="active"><span class="xian"></span>每日精选</a></li>
                        <li><a href=""><span></span>关注动态</a></li>
                    </ul>
                </div>
                <div class="col-md-12 col-lg-7">
                    <div class="dd">
                        <div class="wen">
                            <div class="one">
                                <a href=""> <img src="img/one1.jpeg" alt="" class="oo"> <img src="img/weibo2.png" alt=""> </a>
                                <div class="mm"> <a href="">美少女PINK酱
                                        <p>一小时前</p>
                                    </a> </div>
                            </div>
                            <p class="two"> 冒着头被洗秃的风险给你们测了这7款洗发水！你们再不看我就剃头出家！ </p>
                            <div class="three"> <img src="img/wen1.png" alt="">
                                <div class="jian"> <img src="img/one1.jpeg" alt=""> <span>美少女PINK酱</span> </div> <span class="ii">
                                    <i class="fa fa-file-text-o">文章</i>
                                </span> </div>
                        </div>
                        <div class="fore">
                            <div class="zan l"> <i class="fa fa-thumbs-o-up"></i>
                                <p>1228</p>
                            </div>
                            <div class="zan l"> <i class="fa fa-star-o"></i>
                                <p>1582</p>
                            </div>
                            <div class="zan"> <i class="fa fa-mail-reply"></i>
                                <p>转发</p>
                            </div>
                        </div>
                    </div>
                    <div class="dd">
                        <div class="wen">
                            <div class="one">
                                <a href=""> <img src="img/wen2.jpeg" alt="" class="oo"> <img src="img/weibo2.png" alt=""> </a>
                                <div class="mm"> <a href="">旅拍誌
                                        <p>2小时前</p>
                                    </a> </div>
                            </div>
                            <p class="two"> 去海边这么拍，好看 100 分！ </p>
                            <div class="three"> <img src="img/one2.png" alt="">
                                <div class="jian"> <img src="img/wen2.jpeg" alt=""> <span>旅拍誌</span> </div> <span class="ii">
                                    <i class="fa fa-file-text-o">文章</i>
                                </span> </div>
                        </div>
                        <div class="fore">
                            <div class="zan l"> <i class="fa fa-thumbs-o-up"></i>
                                <p>12228</p>
                            </div>
                            <div class="zan l"> <i class="fa fa-star-o"></i>
                                <p>182</p>
                            </div>
                            <div class="zan"> <i class="fa fa-mail-reply"></i>
                                <p>转发</p>
                            </div>
                        </div>
                    </div>
                    <div class="dd">
                        <div class="wen">
                            <div class="one">
                                <a href=""> <img src="img/wen2.jpeg" alt="" class="oo"> <img src="img/weibo2.png" alt=""> </a>
                                <div class="mm"> <a href="">旅拍誌
                                        <p>3小时前</p>
                                    </a> </div>
                            </div>
                            <p class="two">只要世间还有宫崎骏，我们就不着急长大！ </p>
                            <div class="three"> <img src="img/wen4.png" alt="">
                                <div class="jian"> <img src="img/wen2.jpeg" alt=""> <span>旅拍誌</span> </div> <span class="ii">
                                    <i class="fa fa-file-text-o">文章</i>
                                </span> </div>
                        </div>
                        <div class="fore">
                            <div class="zan l"> <i class="fa fa-thumbs-o-up"></i>
                                <p>1228</p>
                            </div>
                            <div class="zan l"> <i class="fa fa-star-o"></i>
                                <p>1582</p>
                            </div>
                            <div class="zan"> <i class="fa fa-mail-reply"></i>
                                <p>转发</p>
                            </div>
                        </div>
                    </div>
                    <div class="dd">
                        <div class="wen">
                            <div class="one">
                                <a href=""> <img src="img/one3.jpeg" alt="" class="oo"> <img src="img/weibo2.png" alt=""> </a>
                                <div class="mm"> <a href="">服装搭配师main
                                        <p>一小时前</p>
                                    </a> </div>
                            </div>
                            <p class="two"> 陈数私服爱上经典黑白配，好气质藏不住，简直是40岁女人穿衣范本 </p>
                            <div class="three"> <img src="img/wen5.jpeg" alt="">
                                <div class="jian"> <img src="img/one3.jpeg" alt=""> <span>服装搭配师main</span> </div> <span class="ii">
                                    <i class="fa fa-file-text-o">文章</i>
                                </span> </div>
                        </div>
                        <div class="fore">
                            <div class="zan l"> <i class="fa fa-thumbs-o-up"></i>
                                <p>1228</p>
                            </div>
                            <div class="zan l"> <i class="fa fa-star-o"></i>
                                <p>1582</p>
                            </div>
                            <div class="zan"> <i class="fa fa-mail-reply"></i>
                                <p>转发</p>
                            </div>
                        </div>
                    </div>
                    <div class="dd">
                        <div class="wen">
                            <div class="one">
                                <a href=""> <img src="img/one3.jpeg" alt="" class="oo"> <img src="img/weibo2.png" alt=""> </a>
                                <div class="mm"> <a href="">服装搭配师main
                                        <p>4小时前</p>
                                    </a> </div>
                            </div>
                            <p class="two"> 波点裙配小红鞋，江疏影穿出满满夏日感，腿这么美难怪爱平底鞋 </p>
                            <div class="three"> <img src="img/ll.jpeg" alt="">
                                <div class="jian"> <img src="img/one3.jpeg" alt=""> <span>服装搭配师main</span> </div> <span class="ii">
                                    <i class="fa fa-file-text-o">文章</i>
                                </span> </div>
                        </div>
                        <div class="fore">
                            <div class="zan l"> <i class="fa fa-thumbs-o-up"></i>
                                <p>1228</p>
                            </div>
                            <div class="zan l"> <i class="fa fa-star-o"></i>
                                <p>1582</p>
                            </div>
                            <div class="zan"> <i class="fa fa-mail-reply"></i>
                                <p>转发</p>
                            </div>
                        </div>
                    </div>
                    <div class="dd">
                        <div class="wen">
                            <div class="one">
                                <a href=""> <img src="img/a.jpeg" alt="" class="oo"> <img src="img/weibo2.png" alt=""> </a>
                                <div class="mm"> <a href="">姽婳丶
                                        <p>两天前</p>
                                    </a> </div>
                            </div>
                            <p class="two">啾咪～ </p>
                            <div class="three"> <img src="img/1.jpg" alt="">
                                <div class="jian"> <img src="img/a.jpeg" alt=""> <span>姽婳丶</span> </div> <span class="ii">
                                    <i class="fa fa-file-text-o">文章</i>
                                </span> </div>
                        </div>
                        <div class="fore">
                            <div class="zan l"> <i class="fa fa-thumbs-o-up"></i>
                                <p>1228</p>
                            </div>
                            <div class="zan l"> <i class="fa fa-star-o"></i>
                                <p>1582</p>
                            </div>
                            <div class="zan"> <i class="fa fa-mail-reply"></i>
                                <p>转发</p>
                            </div>
                        </div>
                    </div>
                    <div class="dd">
                        <div class="wen">
                            <div class="one">
                                <a href=""> <img src="img/a.jpeg" alt="" class="oo"> <img src="img/weibo2.png" alt=""> </a>
                                <div class="mm"> <a href="">婚纱设计师兰奕
                                        <p>一小时前</p>
                                    </a> </div>
                            </div>
                            <p class="two"> 婚纱设计：兰奕 出镜：李李奉  </p>
                            <div class="three"> <img src="img/a.jpeg" alt="">
                                <div class="jian"> <img src="img/a.jpeg" alt=""> <span>婚纱设计师兰奕</span> </div> <span class="ii">
                                    <i class="fa fa-file-text-o">文章</i>
                                </span> </div>
                        </div>
                        <div class="fore">
                            <div class="zan l"> <i class="fa fa-thumbs-o-up"></i>
                                <p>1228</p>
                            </div>
                            <div class="zan l"> <i class="fa fa-star-o"></i>
                                <p>15x2</p>
                            </div>
                            <div class="zan"> <i class="fa fa-mail-reply"></i>
                                <p>转发</p>
                            </div>
                        </div>
                    </div>
                    <div class="dd">
                        <div class="wen">
                            <div class="one">
                                <a href=""> <img src="img/c.jpeg" alt="" class="oo"> <img src="img/weibo2.png" alt=""> </a>
                                <div class="mm"> <a href="">KLOOK客路旅行
                                        <p>四天前</p>
                                    </a> </div>
                            </div>
                            <p class="two"> 清迈溜达指南：惬意夏日，泰北怡情 </p>
                            <div class="three"> <img src="img/3.jpeg" alt="">
                                <div class="jian"> <img src="img/c.jpeg" alt=""> <span>美少女PINK酱</span> </div> <span class="ii">
                                    <i class="fa fa-file-text-o">文章</i>
                                </span> </div>
                        </div>
                        <div class="fore">
                            <div class="zan l"> <i class="fa fa-thumbs-o-up"></i>
                                <p>1228</p>
                            </div>
                            <div class="zan l"> <i class="fa fa-star-o"></i>
                                <p>1582</p>
                            </div>
                            <div class="zan"> <i class="fa fa-mail-reply"></i>
                                <p>转发</p>
                            </div>
                        </div>
                    </div>
                    <div class="dd">
                        <div class="wen">
                            <div class="one">
                                <a href=""> <img src="img/c.jpeg" alt="" class="oo"> <img src="img/weibo2.png" alt=""> </a>
                                <div class="mm"> <a href="">KLOOK客路旅行
                                        <p>四小时前</p>
                                    </a> </div>
                            </div>
                            <p class="two"> 柏林，贫穷但性感 </p>
                            <div class="three"> <img src="img/4.jpeg" alt="">
                                <div class="jian"> <img src="img/c.jpeg" alt=""> <span>KLOOK客路旅行</span> </div> <span class="ii">
                                    <i class="fa fa-file-text-o">文章</i>
                                </span> </div>
                        </div>
                        <div class="fore">
                            <div class="zan l"> <i class="fa fa-thumbs-o-up"></i>
                                <p>1228</p>
                            </div>
                            <div class="zan l"> <i class="fa fa-star-o"></i>
                                <p>1582</p>
                            </div>
                            <div class="zan"> <i class="fa fa-mail-reply"></i>
                                <p>转发</p>
                            </div>
                        </div>
                    </div>
                    <div class="dd">
                        <div class="wen">
                            <div class="one">
                                <a href=""> <img src="img/d.jpeg" alt="" class="oo"> <img src="img/weibo2.png" alt=""> </a>
                                <div class="mm"> <a href="">长九
                                        <p>20天前</p>
                                    </a> </div>
                            </div>
                            <p class="two"> 让手帐更好的坚持下去的小法宝——日付 </p>
                            <div class="three"> <img src="img/5.jpeg" alt="">
                                <div class="jian"> <img src="img/d.jpeg" alt=""> <span>长九</span> </div> <span class="ii">
                                    <i class="fa fa-file-text-o">文章</i>
                                </span> </div>
                        </div>
                        <div class="fore">
                            <div class="zan l"> <i class="fa fa-thumbs-o-up"></i>
                                <p>1228</p>
                            </div>
                            <div class="zan l"> <i class="fa fa-star-o"></i>
                                <p>1582</p>
                            </div>
                            <div class="zan"> <i class="fa fa-mail-reply"></i>
                                <p>转发</p>
                            </div>
                        </div>
                    </div>
                    <div class="dd">
                        <div class="wen">
                            <div class="one">
                                <a href=""> <img src="img/c.jpeg" alt="" class="oo"> <img src="img/weibo2.png" alt=""> </a>
                                <div class="mm"> <a href="">KLOOK客路旅行
                                        <p>一小时前</p>
                                    </a> </div>
                            </div>
                            <p class="two"> 在冲绳游玩，连吃饭也不能错过与海浪结缘的机会 </p>
                            <div class="three"> <img src="img/6.jpeg" alt="">
                                <div class="jian"> <img src="img/c.jpeg" alt=""> <span>KLOOK客路旅行</span> </div> <span class="ii">
                                    <i class="fa fa-file-text-o">文章</i>
                                </span> </div>
                        </div>
                        <div class="fore">
                            <div class="zan l"> <i class="fa fa-thumbs-o-up"></i>
                                <p>1228</p>
                            </div>
                            <div class="zan l"> <i class="fa fa-star-o"></i>
                                <p>1582</p>
                            </div>
                            <div class="zan"> <i class="fa fa-mail-reply"></i>
                                <p>转发</p>
                            </div>
                        </div>
                    </div>
                    <div class="dd">
                        <div class="wen">
                            <div class="one">
                                <a href=""> <img src="img/wen2.jpeg" alt="" class="oo"> <img src="img/weibo2.png" alt=""> </a>
                                <div class="mm"> <a href="">旅拍誌
                                        <p>3小时前</p>
                                    </a> </div>
                            </div>
                            <p class="two"> 这些摄影师拍的宝丽来，真的美！！ </p>
                            <div class="three"> <img src="img/7.png" alt="">
                                <div class="jian"> <img src="img/wen2.jpeg" alt=""> <span>旅拍誌</span> </div> <span class="ii">
                                    <i class="fa fa-file-text-o">文章</i>
                                </span> </div>
                        </div>
                        <div class="fore">
                            <div class="zan l"> <i class="fa fa-thumbs-o-up"></i>
                                <p>1228</p>
                            </div>
                            <div class="zan l"> <i class="fa fa-star-o"></i>
                                <p>1582</p>
                            </div>
                            <div class="zan"> <i class="fa fa-mail-reply"></i>
                                <p>转发</p>
                            </div>
                        </div>
                    </div>
                    <div class="dd">
                        <div class="wen">
                            <div class="one">
                                <a href=""> <img src="img/e.jpeg" alt="" class="oo"> <img src="img/weibo2.png" alt=""> </a>
                                <div class="mm"> <a href="">探索每日的喜好
                                        <p>7小时前</p>
                                    </a> </div>
                            </div>
                            <p class="two"> 疯了吧，吃桃子不长皱纹 </p>
                            <div class="three"> <img src="img/8.png" alt="">
                                <div class="jian"> <img src="img/e.jpeg" alt=""> <span>探索每日的喜好</span> </div> <span class="ii">
                                    <i class="fa fa-file-text-o">文章</i>
                                </span> </div>
                        </div>
                        <div class="fore">
                            <div class="zan l"> <i class="fa fa-thumbs-o-up"></i>
                                <p>1228</p>
                            </div>
                            <div class="zan l"> <i class="fa fa-star-o"></i>
                                <p>1582</p>
                            </div>
                            <div class="zan"> <i class="fa fa-mail-reply"></i>
                                <p>转发</p>
                            </div>
                        </div>
                    </div>
                    <div class="dd">
                        <div class="wen">
                            <div class="one">
                                <a href=""> <img src="img/wen2.jpeg" alt="" class="oo"> <img src="img/weibo2.png" alt=""> </a>
                                <div class="mm"> <a href="">旅拍誌
                                        <p>3小时前</p>
                                    </a> </div>
                            </div>
                            <p class="two"> 上帝开了一扇窗，摄影师拍出了 101 种美！ </p>
                            <div class="three"> <img src="img/9.png" alt="">
                                <div class="jian"> <img src="img/wen2.jpeg" alt=""> <span>旅拍誌</span> </div> <span class="ii">
                                    <i class="fa fa-file-text-o">文章</i>
                                </span> </div>
                        </div>
                        <div class="fore">
                            <div class="zan l"> <i class="fa fa-thumbs-o-up"></i>
                                <p>1228</p>
                            </div>
                            <div class="zan l"> <i class="fa fa-star-o"></i>
                                <p>1582</p>
                            </div>
                            <div class="zan"> <i class="fa fa-mail-reply"></i>
                                <p>转发</p>
                            </div>
                        </div>
                    </div>
                    <div class="dd">
                        <div class="wen">
                            <div class="one">
                                <a href=""> <img src="img/wen2.jpeg" alt="" class="oo"> <img src="img/weibo2.png" alt=""> </a>
                                <div class="mm"> <a href="">旅拍誌
                                        <p>一小时前</p>
                                    </a> </div>
                            </div>
                            <p class="two"> 这些像写真馆的衣服店，真的看不腻啊！ </p>
                            <div class="three"> <img src="img/10.png" alt="">
                                <div class="jian"> <img src="img/wen2.jpeg" alt=""> <span>旅拍誌</span> </div> <span class="ii">
                                    <i class="fa fa-file-text-o">文章</i>
                                </span> </div>
                        </div>
                        <div class="fore">
                            <div class="zan l"> <i class="fa fa-thumbs-o-up"></i>
                                <p>1228</p>
                            </div>
                            <div class="zan l"> <i class="fa fa-star-o"></i>
                                <p>1582</p>
                            </div>
                            <div class="zan"> <i class="fa fa-mail-reply"></i>
                                <p>转发</p>
                            </div>
                        </div>
                    </div>
                    <div class="dd">
                        <div class="wen">
                            <div class="one">
                                <a href=""> <img src="img/f.jpeg" alt="" class="oo"> <img src="img/weibo2.png" alt=""> </a>
                                <div class="mm"> <a href="">你非我杯茶NiA
                                        <p>2个月前</p>
                                    </a> </div>
                            </div>
                            <p class="two"> 浴室。 Photo by @阿树啊_zZ </p>
                            <div class="three"> <img src="img/11.jpeg" alt="">
                                <div class="jian"> <img src="img/f.jpeg" alt=""> <span>你非我杯茶NiA</span> </div> <span class="ii">
                                    <i class="fa fa-file-text-o">文章</i>
                                </span> </div>
                        </div>
                        <div class="fore">
                            <div class="zan l"> <i class="fa fa-thumbs-o-up"></i>
                                <p>1228</p>
                            </div>
                            <div class="zan l"> <i class="fa fa-star-o"></i>
                                <p>1582</p>
                            </div>
                            <div class="zan"> <i class="fa fa-mail-reply"></i>
                                <p>转发</p>
                            </div>
                        </div>
                    </div>
                    <div class="dd">
                        <div class="wen">
                            <div class="one">
                                <a href=""> <img src="img/g.jpeg" alt="" class="oo"> <img src="img/weibo2.png" alt=""> </a>
                                <div class="mm"> <a href="">妖精边儿
                                        <p>一小时前</p>
                                    </a> </div>
                            </div>
                            <p class="two"> 时尚速递 | 今年的TEE都走卡通卖萌路线？！ </p>
                            <div class="three"> <img src="img/12.jpeg" alt="">
                                <div class="jian"> <img src="img/g.jpeg" alt=""> <span>妖精边儿</span> </div> <span class="ii">
                                    <i class="fa fa-file-text-o">文章</i>
                                </span> </div>
                        </div>
                        <div class="fore">
                            <div class="zan l"> <i class="fa fa-thumbs-o-up"></i>
                                <p>1228</p>
                            </div>
                            <div class="zan l"> <i class="fa fa-star-o"></i>
                                <p>1582</p>
                            </div>
                            <div class="zan"> <i class="fa fa-mail-reply"></i>
                                <p>转发</p>
                            </div>
                        </div>
                    </div>
                    <div class="dd">
                        <div class="wen">
                            <div class="one">
                                <a href=""> <img src="img/wen2.jpeg" alt="" class="oo"> <img src="img/weibo2.png" alt=""> </a>
                                <div class="mm"> <a href="">旅拍誌
                                        <p>6天前</p>
                                    </a> </div>
                            </div>
                            <p class="two"> 这些情侣照也太美了，让人心动到爆炸！ </p>
                            <div class="three"> <img src="img/13.png" alt="">
                                <div class="jian"> <img src="img/wen2.jpeg" alt=""> <span>旅拍誌</span> </div> <span class="ii">
                                    <i class="fa fa-file-text-o">文章</i>
                                </span> </div>
                        </div>
                        <div class="fore">
                            <div class="zan l"> <i class="fa fa-thumbs-o-up"></i>
                                <p>12428</p>
                            </div>
                            <div class="zan l"> <i class="fa fa-star-o"></i>
                                <p>82</p>
                            </div>
                            <div class="zan"> <i class="fa fa-mail-reply"></i>
                                <p>转发</p>
                            </div>
                        </div>
                    </div>
                    <a href="" class="chakan w-100 text-center">查看更多 <i class="fa fa-angle-down"></i></a>
                </div>
                <div class="col-md-12 col-lg-3">
                    <div class="guanzhu">
                        <h3>推荐关注 <span>换一批</span></h3>
                        <div class="list">
                            <div class="uu">
                                <div class="tou">
                                    <a href=""> <img src="img/lian1.jpeg" alt="" class="v"> <img src="img/weibo.png" alt="" class="b"> </a>
                                </div>
                                <div class="po"> <a href="">蓝蓝蓝de海</a>
                                    <p>擅长领域：<b>园艺</b></p>
                                </div>
                                <div class="c"> <a href="">关注</a> </div>
                            </div>
                            <div class="uu">
                                <div class="tou">
                                    <a href=""> <img src="img/lian2.jpeg" alt="" class="v"> <img src="img/weibo.png" alt="" class="b"> </a>
                                </div>
                                <div class="po"> <a href="">小哈Hana</a>
                                    <p>擅长领域：<b>Q版</b></p>
                                </div>
                                <div class="c"> <a href="">关注</a> </div>
                            </div>
                            <div class="uu">
                                <div class="tou">
                                    <a href=""> <img src="img/lian3.jpeg" alt="" class="v"> <img src="img/weibo.png" alt="" class="b"> </a>
                                </div>
                                <div class="po"> <a href="">Hellerr</a>
                                    <p>擅长领域：<b>壁纸</b></p>
                                </div>
                                <div class="c"> <a href="">关注</a> </div>
                            </div>
                            <div class="uu">
                                <div class="tou">
                                    <a href=""> <img src="img/lian3.jpeg" alt="" class="v"> <img src="img/weibo.png" alt="" class="b"> </a>
                                </div>
                                <div class="po"> <a href="">探索每日喜好</a>
                                    <p>擅长领域：<b>时尚</b></p>
                                </div>
                                <div class="c"> <a href="">关注</a> </div>
                            </div>
                        </div>
                        <div class="nav"> <a href="">查看更多>></a> </div>
                    </div>
                    <div class="jing"> <img src="img/jing.jpeg" alt="" class="w-100"> </div>
                    <div class="weixin"> <img src="img/weixin.jpeg" alt="" class="w-100"> </div>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="app">
                        <p>APP下载</p>
                        <img src="img/erwei.png" alt="">
                        <p>扫描二维码</p>
                        <p>下载堆糖手机客户端</p>
                    </div>
                </div>
                <div class="col-md-9">
                    <div class="row">
                        <div class="col-md-4">
                            <ul>
                                <p>关于我们</p>
                                <li><a href="">关于我们</a></li>
                                <li><a href="">加入我们</a></li>
                                <li><a href="">联系我们</a></li>
                                <li><a href="">商务合作</a></li>
                            </ul>
                        </div>
                        <div class="col-md-4">
                            <ul>
                                <p>关注我们</p>
                                <li><a href="">新浪微博</a></li>
                                <li><a href="">微信公众号</a></li> 
                            </ul>
                        </div>
                        <div class="col-md-4">
                            <ul>
                                <p>友情链接</p>
                                <li><a href="">爱物网</a></li>
                                <li><a href="">东方女性网</a></li>
                                <li><a href="">肉丁网</a></li>
                                <li><a href="">更多…</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tt text-center mt-2">
                <span>©2019 duitang.com 版权所有。<a href="">沪ICP备10038086号-3</a></span>
                <a href=""><img src="img/aa.png" alt=""></a>
                <a href=""><img src="img/bb.png" alt=""></a>
                <span class="uu">增值电信业务经营许可证：沪B2-20180610&nbsp;自营经营者信息</span>
            </div>
            <div class="rr text-center">
                <img src="img/feng.png" alt="">
                <span>上海市互联网违法和不良信息举报中心</span>
                <span class="uu">
                    有害内容举报电话：021-63462282
                </span>
            </div>
        </div>
    </footer>
    <div id="totop"> 
        <img src="img/top.png" alt="">
    </div>
    <script src="js/script.js"></script>
</body>

</html>